<style type="text/css">
.ui-menu-header .header_btn_left{z-index: 1;}
.DrM-reorderItem{opacity: 0.01!important;}
/*侧滑页：b*/
.slide-page{width: 100%;position: fixed;top: 0;left: 0;bottom: 0;transform: translate3d(-100%,0,0);-webkit-transform: translate3d(-100%,0,0);z-index:1001;transition: transform .3s;-webkit-transition: transform .3s;}
.slide-page.active{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.slide-page header{height: .84rem;width: 100%;background-color: #12a5d9;}
.slide-page header i{height: .84rem;width: .84rem;color: #fff;display: inline-block;line-height: .84rem;text-align: center;    vertical-align: middle;}
.slide-page header .search-box{height: .6rem;width: 80%;position: relative;display: inline-block;margin: .12rem 0;vertical-align: middle;}
.slide-page header .search-box input{width: 100%;height: 100%;padding-left: .8rem;border-radius: .12rem;background-color: rgba(255,255,255,.5);}
::-webkit-input-placeholder{color: #fff;}
::-moz-placeholder{color: #fff;}
.slide-page header .search-box i::before{width:100%;height: 100%;display: block;line-height: .6rem;}
.slide-page header .search-box i{width:.7rem;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;font-size: .4rem;color: #fff;}
.slide-page .content{height: calc(100% - 0.84rem);width: 100%;}
.slide-page .content .part-left{width: 36%;height: 100%;overflow: hidden;background-color: #eee;}
.slide-page .content .part-left .cate-list{width: 100%;height: auto;}
.slide-page .content .part-left .cate-list .item{width: 100%;height: 1rem;text-align: center;line-height: 1rem;background-color: #eee;position: relative;}
.slide-page .content .part-left .cate-list .item.active::after{content: "";position: absolute;left: 0;width: .1rem;height: .4rem;top: .3rem;background-color: #12a5d9;}
.slide-page .content .part-left .cate-list .item.active{background-color: #fff;color:#12a5d9 ;}
.slide-page .content .part-right{width: 64%;height: 100%;background-color: #fff;}
.slide-page .content .part-right .cate-title{width: 100%;height: 1rem;background-color:#fff;color: #333;line-height: 1rem;padding-left: .3rem;}
.slide-page .content .part-right .cate-content-box{position:relative;width: 100%;height:calc(100% - 1rem);background-color:#fff;color: #333;line-height: 1rem;padding-left: .3rem;}
.slide-page .content .part-right .cate-content-box .item{width: 100%;height:100%;position: absolute;top: 0;left: 0;background-color: #fff;}
.slide-page .content .part-right .cate-content-box .item.active{z-index: 10;}
.slide-page .content .part-right .cate-content-box .item .cate-content{width: 100%;height: auto;overflow: hidden;}
.slide-page .content .part-right .cate-content-box .item .cate-content a{display: inline-block;width: 1rem;height: 1.4rem;margin:  .15rem;}
.slide-page .content .part-right .cate-content-box .item .cate-content a img{width: 100%;height: 1rem;display: block;}
.slide-page .content .part-right .cate-content-box .item .cate-content a span{width: 100%;height: .4rem;display: block;text-align: center;line-height: .4rem;}
/*侧滑页：e*/
</style>
<div class="import-page">

	<section class="homepage2-section">
		<div class="homepage2-section1">
			<div class="margin620">
				<dl class="cloudProcurement">
					<dt><img src="images/img/yuncaigou11.png"/></dt>
					<dd>云采购</dd>
				</dl>
				<dl class="caiyundingzhi">
					<dt><img src="images/img/yundingzhi1.png"/></dt>
					<dd>采云定制</dd>
				</dl>
				<dl class="internet">
					<dt><img src="images/img/internet.png"/></dt>
					<dd>互联网</dd>
				</dl>
				<dl class="baokuan">
					<dt><img src="images/img/baokuan.png"/></dt>
					<dd>爆款</dd>
				</dl>
				<dl class="internetOfThings">
					<dt><img src="images/img/wulianwang1.png"/></dt>
					<dd>物联网</dd>
				</dl>
				<dl class="communicationIndustry">
					<dt><img src="images/img/tongxinhangye.png"/></dt>
					<dd>通讯行业</dd>
				</dl>
				<dl class="communicationServices">
					<dt><img src="images/img/tongxunfuwu.png"/></dt>
					<dd>通讯服务</dd>
				</dl>
				<dl class="product" id="allProduct">
					<dt><img src="images/img/quanbu.png"/></dt>
					<dd>全部</dd>
				</dl>
			</div>

		</div>
		<div class="homepage2-section2">
			<div class="margin620 bg-top">
				<ul>
					<li><img src="images/img/yuntoutiao.png"/></li>
					<li>
						<img src="images/img/hot.png"/>
						<span>5年5000亿元信贷！工信部携手邮政储蓄银行改善中小企业融资环境</span>
					</li>

				</ul>
				<div class="banner">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="../../../images/img/banner1.png" alt=""></div>
							<div class="swiper-slide"><img src="../../../images/img/banner2.png" alt=""></div>
							<div class="swiper-slide"><img src="../../../images/img/banner3.png" alt=""></div>
							<div class="swiper-slide"><img src="../../../images/img/banner4.png" alt=""></div>
							<div class="swiper-slide"><img src="../../../images/img/banner5.png" alt=""></div>
							<div class="swiper-slide"><img src="../../../images/img/banner6.png" alt=""></div>
						</div>
						<div class="swiper-pagination"></div>

					</div>
				</div>
			</div>
		</div>
		<div class="homepage2-section3">
			<div class="margin620">
				<div class="section3-top">
					<span>专家</span>
					<em class="expertPage"></em>
				</div>
			</div>
			<div class="paddingTop18 expert">
				<!-- <dl>
					<dt><img src="images/img/zhouyupeng19.png"/></dt>
					<dd>周禹鹏</dd>
				</dl> -->
			</div>
		</div>
		<!--云品牌-->
		<div class="homepage2-section4">
			<div class="margin620">
				<div class="section3-top">
					<span>云品牌</span>
				</div>
			</div>
			<div class="paddingTop18 yun">
				<ul class="ul1">
					<li><a href="##"><img src="images/img/dongruan.png"/></a></li>
					<li><a href="##"><img src="images/img/aliyun.png"/></a></li>
					<li><a href="##"><img src="images/img/zhongguodianxin.png"/></a></li>
					<li><a href="##"><img src="images/img/zhongrenkeji.png"/></a></li>
					<li><a href="##"><img src="images/img/tengxunyun.png"/></a></li>
					<li><a href="##"><img src="images/img/zhongguoliantong.png"/></a></li>

				</ul>
			</div>
		</div>
	</section>
	
</div>
<section class="slide-page">
		<header>
			<i class="iconfont icon-leftarrow back"></i>
			<div class="search-box">
				<input type="text" placeholder="企业、服务、专家"/>
				<i class="iconfont icon-search"></i>
			</div>

		</header>
		<div class="content">
			<div class="part-left f_left">
				<ul class="cate-list">
					<li class="item active">服务项目</li>
					<li class="item">政府头条</li>
					<li class="item">热点活动</li>
					<li class="item">政府领导</li>
				</ul>
			</div>
			<div class="part-right f_left">
				<div class="cate-title">服务项目</div>
				<ul class="cate-content-box">
					<li class="item active">
						<div class="cate-content">
							<a href=""><img src="../../../images/case/user1.png" alt="" /><span>互联网</span></a>
							<a href=""><img src="../../../images/case/user1.png" alt="" /><span>互联网</span></a>
							<a href=""><img src="../../../images/case/user1.png" alt="" /><span>互联网</span></a>
							<a href=""><img src="../../../images/case/user1.png" alt="" /><span>互联网</span></a>
							<a href=""><img src="../../../images/case/user1.png" alt="" /><span>互联网</span></a>
							
						</div>
					</li>
					<li class="item">
						<div class="cate-content">
							<a href=""><img src="../../../images/img/waf.png" alt="" /><span>云采购</span></a>
							<a href=""><img src="../../../images/img/waf.png" alt="" /><span>云采购</span></a>
							<a href=""><img src="../../../images/img/waf.png" alt="" /><span>云采购</span></a>
							
						</div>
					</li>
					<li class="item">
						<div class="cate-content">
							<a href=""><img src="../../../images/case/user1.png" alt="" /><span>通信服务</span></a>
							<a href=""><img src="../../../images/case/user1.png" alt="" /><span>通信服务</span></a>
							<a href=""><img src="../../../images/case/user1.png" alt="" /><span>通信服务</span></a>
							
						</div>
					</li>
					<li class="item">
						<div class="cate-content">
							<a href=""><img src="../../../images/img/waf.png" alt="" /><span>爆款</span></a>
							<a href=""><img src="../../../images/img/waf.png" alt="" /><span>爆款</span></a>
							<a href=""><img src="../../../images/img/waf.png" alt="" /><span>爆款</span></a>
							
						</div>
					</li>
				</ul>
			</div>
		</div>
	</section>